class Observer {
  constructor(data) {
    // 1.将data中的数据转换为响应式数据
    this.walk(data)
  }
  walk(data) {
    if (typeof data !== 'object') return
    Object.keys(data).forEach(key => {
      this.defineReactive(data, key, data[key])
    })
  }
  defineReactive(target, key, val) {
    const self = this
    let dep = new Dep()
    // 2.如果data中的数据是对象类型则需要将对象的数据转换为响应式的
    this.walk(target[key])
    Object.defineProperty(target, key, {
      enumerable: true,
      configurable: true,
      get() {
        Dep.target && dep.addSub(Dep.target)
        return val
      },
      set(newVal) {
        if (newVal === val) return
        // 3.如果将data中原基本数据类型重新赋值为对象类型，则需要将该对象类型也转换为响应式数据
        self.walk(newVal)
        val = newVal
        dep.notify()
      }
    })
  }
}